<div class="container">
  <div nz-row [nzGutter]="24">
    <div nz-col nzXs="24" nzSm="24" nzMd="16" nzLg="16">
      <div nz-row [nzGutter]="24">
        <div nz-col nzXs="24" nzSm="12" nzMd="24" nzLg="24">
          <repair-china [codeName]="_codeName" [title]="'维修全国分布'"></repair-china>
        </div>
        <div nz-col nzXs="24" nzSm="12" nzMd="24" nzLg="24">
          <repair-reason-rate [raw]="data" [codeName]="_codeName" [title]="'维修原因合计'"></repair-reason-rate>
        </div>
      </div>
    </div>
    <div nz-col nzXs="24" nzSm="24" nzMd="8" nzLg="8">
      <div nz-row [nzGutter]="24">
        <div nz-col nzXs="24" nzSm="12" nzMd="24" nzLg="24">
          <prod-repair-summary [codeName]="_codeName"></prod-repair-summary>
        </div>
      </div>
      <div nz-row [nzGutter]="24">
        <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
          <prod-repair-rate [title]="'维修比例'" [codeName]="_codeName"></prod-repair-rate>
        </div>
      </div>
      <div nz-row [nzGutter]="24">
        <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
          <prod-repair-channel [title]="'各渠道维修占比'" [codeName]="_codeName"></prod-repair-channel>
        </div>
      </div>
      <div nz-row [nzGutter]="24">
        <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
          <repair-reason-pie [title]="'维修原因占比'" [raw]="data" [codeName]="_codeName"></repair-reason-pie>
        </div>
      </div>
    </div>
  </div>
</div>
